<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'本地存储类'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "0">
        <codemd url="Lesson5/docs/storage.md"></codemd>
    </div>
</div>
</template>
<script>
import codemd from '../code-md'
export default {
    components: {
        codemd
    },
    data () {
        return {

        }
    },
    mounted () {
        // cookit
        this.$utils.setCookie('name', 'lian', 1)
        console.log(this.$utils.getCookie('name'))
        this.$utils.removeCookie('name')
        // localStorage
        this.$utils.setLocal('name', 'lian')
        console.log(this.$utils.getLocal('name'))
        this.$utils.removeLocal('name')
        this.$utils.clearLocal()
        // sessionStorage
        this.$utils.setSession('name', 'lian')
        console.log(this.$utils.getSession('name'))
        this.$utils.removeSession('name')
        this.$utils.clearSession()
    },
    methods: {

    }
}
</script>
